<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人</title>
    <style>
        body{
            text-align: center;
            overflow: hidden;
        }
        main{
              position: relative;
        }
        .zheng{
            margin-top: 80px;
            width: 751px;
            height: 543px;
        }
        main span{
            position: absolute;
        }
        .nanName{
            top: 447px;
            left: 703px;
        }
        .nvName{
            top: 447px;
            left: 834px;
        }
        .box{
            background-color: rgb(237, 27, 36);
            width: 244px;
            height: 160px;
            position: absolute;
            top: 255px;
            left: 655px;
        }
        .box img{
            width: 114px;
            height: 159px;
            float: left;
        }
        .nanXz{
             top: 478px;
            left: 703px;
        }
        .nvXz{
             top: 478px;
            left: 834px;
        }
        .nan{
             top: 167px;
            left: 1004px;
        }
        .nv{
             top: 167px;
            left: 1092px;
        }
        .nian{
             top: 462px;
            left: 1045px;
        }
        .yue{
             top: 462px;
            left: 1105px;
        }
        .ri{
             top: 462px;
            left: 1134px;
        }
        .chizhengren{
             top: 510px;
            left: 1076px;
        }
        .qiao{
             top: 532px;
            left: 1078px;
        }
        .gai{
            background-color: rgb(205, 204, 210);
            width: 139px;
            height: 16px;
            position: absolute;
            top: 586px;
            left: 875px;
        }
    </style>
</head>
<body>
    <main>
        <img class="zheng" src="img/结婚证.jpg" alt="">
        <span class="nanName"><b>蒋媛芳</b></span>
        <span class="nvName"><b>朱登鑫</b></span>
        <div class="box">
            <img src="img/1.jpg" alt="">
            <img src="img/2.jpg" alt="">
        </div>
        <span class="nanXz"><b>水瓶座</b></span>
        <span class="nvXz"><b>双子座</b></span>
        <span class="nan"><b>朱登鑫</b></span>
        <span class="nv"><b>蒋媛芳</b></span>
        <span class="nian"><b>2017</b></span>
        <span class="yue"><b>5</b></span>
        <span class="ri"><b>31</b></span>
        <span class="chizhengren"><b>朱登鑫，蒋媛芳</b></span>
        <span class="qiao"><b>我们今晚嘿嘿嘿</b></span>
        <div class="gai"></div> 
       
    </main>
     <img src="img/证.jpg" alt="">
</body>
</html>
<!--205 204 210-->